<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>工作单批量导入</title>
<!-- 导入jquery核心类库 -->
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<!-- 导入easyui类库 -->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/ext/portal.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/default.css">	
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/ext/jquery.portal.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/ext/jquery.cookie.js"></script>
<script
	src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"
	type="text/javascript"></script>

<script type="text/javascript">
	$(function(){
		$("#grid").datagrid({
			url : '',
			toolbar : "#div",
			columns : [[
				{
					field : 'id',
					title : 'SN编号',
					width : 120 ,
					align : 'center'
				},{
					field : 'product',
					title : 'MAC地址',
					width : 120 ,
					align : 'center'
				},{
					field : 'product',
					title : '位移',
					width : 120 ,
					align : 'center'
				},{
					field : 'product',
					title : '状态',
					width : 120 ,
					align : 'center'
				},{
					field : 'product',
					title : '使用状态',
					width : 120 ,
					align : 'center'
				},{
					field : 'product',
					title : '销售员',
					width : 120 ,
					align : 'center'
				},{
					field : 'product',
					title : '销售日期',
					width : 120 ,
					align : 'center'
				}
			]],
			pageList: [10,20,30],
			pagination : true,
			striped : true,
			singleSelect: true,
			rownumbers : true,
			fit : true // 占满容器
		});
	});
</script>	
</head>
<body class="easyui-layout" >
	<div region="center">
	
		<table id="grid">
		
		</table>
	</div>
	
	<div id="div">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销售日期:&nbsp;&nbsp; <input class="easyui-datebox" style="width:120px" editable=false >
			&nbsp;~ &nbsp;<input class="easyui-datebox" style="width:120px" editable=false>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销售员: 
			<select class="easyui-combobox"   editable="false", panelHeight="auto" style="width:100px" editable=false>
				<option value="java">张三</option>
				<option value="c">李四</option>
				<option value="basic">王五</option>
				<option value="perl">二麻子</option>
				<option value="python">大幅度发士大夫</option>
			</select>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#" class="easyui-linkbutton" iconCls="icon-search">点击查询</a>
		</div>
</body>
</html>